<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <link rel="icon" type="image/x-icon" href="../../images/logo.png">
    <title>环境气象监测</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/weatherAll.css">
</head>
<body>
    <div class="box">
        <!-- 头部 -->
        <div class="header-box">
                <img src="../../images/headeBg.png" alt="">
                <div class="weather-box">
                    <span>郑州 小雨转多云 32/16℃</span>
                </div>
                <h1 class="header-title"><img src="../../images/header.png" alt=""></h1>
                <div class="header-action">
                    <span class="action-time"></span>
                    <a href="javascript:;">管理中心</a>
                    <a href="javascript:;">退出</a>
                </div>
            </div>
        <div class="main-box">
            <!-- 侧边导航 -->
            <ul class="aside-box">
                    <li>
                        <a href="../home.html">
                            <span>
                                <img class="aside-img" src="../../images/home.png" alt="">
                                <img class="aside-imgA " src="../../images/homeA.png" alt="">
                                首页
                            </span>
                        </a>
                    </li>
                    <li class="active">
                            <a href="./development.html">
                                <span>
                                    <img class="aside-img" src="../../images/huanjing.png" alt="">
                                    <img class="aside-imgA" src="../../images/huanjingA.png" alt="">
                                    产业发展环境
                                </span>
                            </a>
                        </li>
                    <li>
                        <a href="../basic/basic.html">
                            <span>
                                <img class="aside-img" src="../../images/yaosu.png" alt="">
                                <img class="aside-imgA" src="../../images/yaosuA.png" alt="">
                                产业基础要素
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../passengerFlow/destination.html">
                            <span>
                                <img class="aside-img" src="../../images/keliu.png" alt="">
                                <img class="aside-imgA" src="../../images/keliuA.png" alt="">
                                旅游客流监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../productTesting/index.html">
                            <span>
                                <img class="aside-img" src="../../images/chanpin.png" alt="">
                                <img class="aside-imgA" src="../../images/chanpinA.png" alt="">
                                旅游产品监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../enterprise/scenicMonitor.html">
                            <span>
                                <img class="aside-img" src="../../images/qiye.png" alt="">
                                <img class="aside-imgA" src="../../images/qiyeA.png" alt="">
                                旅游企业监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../tourismProject/index.html">
                            <span>
                                <img class="aside-img" src="../../images/xiangmu.png" alt="">
                                <img class="aside-imgA" src="../../images/xiangmuA.png" alt="">
                                旅游项目监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../brand/brand.html">
                            <span>
                                <img class="aside-img" src="../../images/pinpai.png" alt="">
                                <img class="aside-imgA" src="../../images/pinpaiA.png" alt="">
                                旅游品牌监测
                            </span>
                        </a>
                    </li>
                </ul>
            <!-- 主题内容 -->
            <div class="content-box">
                <div class="content-nav-box">
                    <a href="development.html">发展环境监测 </a>
                    <a class="active" href="#"> 环境气象监测</a>
                    <a href="traffic.html">交通监测</a>
                    <a href="lyrical.html">舆情监测</a>
                </div>
                <div class="main-box">
                    <div class="left-box">
                        <div class="title-box">
                            <h3>
                                <img src="../../images/titile-img.png">
                               河南今日天气
                            </h3>
                            <span class="action-time">
                            </span>
                        </div>
                        <div id="map"></div>
                    </div>
                    <div class="right-box">
                        <div class="warning-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    气象灾害劲爆与预警信号（预警中10个）
                                </h3>
                            </div> 
                            <div class="warning-list">
                                <ul>
                                    <li>
                                        <span>河南省洛阳市洛宁县发布大雾黄色预警</span><a href="#">详情</a>
                                    </li>
                                    <li>
                                        <span>河南省洛阳市洛宁县发布大雾黄色预警</span><a href="#">详情</a>
                                    </li>
                                    <li>
                                        <span>河南省洛阳市洛宁县发布大雾黄色预警</span><a href="#">详情</a>
                                    </li>
                                    <li>
                                        <span>河南省洛阳市洛宁县发布大雾黄色预警</span><a href="#">详情</a>
                                    </li>
                                    <li>
                                        <span>河南省洛阳市洛宁县发布大雾黄色预警</span><a href="#">详情</a>
                                    </li>
                                    <li>
                                        <span>河南省洛阳市洛宁县发布大雾黄色预警</span><a href="#">详情</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="warning-city">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    河南省城市天气预报
                                </h3>
                            </div> 
                            <div class="warning-list">
                                <!-- 真的 -->
                                <ul></ul>
                                <!-- 假的 -->
                                <!-- <ul>   
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>  
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>  
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>  
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>  
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>
                                    <li>
                                        <span class='city'>郑州</span>
                                        <div>
                                            <img class="imgD" src="https://cdn.heweather.com/cond_icon/101.png">
                                            <img class="imgN" src="https://cdn.heweather.com/cond_icon/101.png">
                                        </div>
                                        <span class='tmp'>12/56℃</span>
                                    </li>                                
                                </ul> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>        
        </div>
   </div> 
</body>
<script src="../../plugin/jquery-1.11.1.min.js"></script>
<script src="../../plugin/ECharts/echarts.js"></script>
<script src="../../plugin/ECharts/china.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/weatherAll.js"></script>
</html>